@charset "utf-8";
@import "common/reset";
//像素比除以2
@function p($px){
    @return $px/2+px;
}
.mobile{
    background: #fff;
    header{
        overflow: hidden;
        .logo{
            float: left;
            width: p(123);
            height: p(123);
            //图片溢出部分隐藏
            overflow: hidden;
            margin-top: p(17);
            margin-left: p(23);
            img{
                height: 100%;
            }
        }
        .search{
            width: p(268);
            height: p(55);
            line-height: p(55);
            border: 1px solid #ff9344;
            border-radius: p(22);
            margin: 0 auto;
            margin-top: p(51);
            input[type="text"]{
                width: p(171);
                height: p(45);
                vertical-align: middle;
                border: none;
                margin-left: p(28);
                font-size: p(24);
                margin-top: p(-3);
            }
            input[type="image"]{
                width: p(36);
                height: p(34);
                vertical-align: middle;
                margin-left: p(15);
            }
        }
        .sel{
            float: right;
            position: relative;
            margin-top: p(47);
            margin-right: p(21);
            width: p(163);
            height: p(60);
            border: p(3) solid #ff9344;
          //  清除select框的默认样式
            select{
                border: none;
                /*将默认的select选择框样式清除*/
                 appearance:none;
                 -moz-appearance:none;
                 -webkit-appearance:none;
                 background: transparent;
                 width: 100%;
                 height: 100%;
                 padding-left: p(14);
                    }
                /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
            select::-ms-expand { display: none; }
            &::after{
                position: absolute;
                top: p(22);
                right: p(11);
                content:"";
                display: block;
                width: 0px;
                height: 0px;
                border-top: p(16) solid #ff9344;
                border-left: p(16) solid transparent;
                border-right: p(16) solid transparent;
            }
        }
    }
    section{
        margin-bottom: 22%;
    
    .banner{
        overflow: hidden;
        width: 100%;
        height: p(286);
        margin-top: p(10);
        img{
            width: 100%;
        }
    }
    //轮播图
//  .swiper-container{
//      overflow: hidden;
//      width: 100%;
//      height: p(286);
//      margin-top: p(10);
//      .swiper-slide img{
//          width: 100%;
//      }
//  }
    .buying{
        margin: 0 auto;
        margin-top: p(34);
        padding: 0 p(21);
        overflow: hidden;
        .logo{
            float: left;
            width: p(56);
            height: p(54);
            img{
                width: 100%;
            }
            
        }
        h1{
            font-size: p(29);
            line-height: p(29);
            margin-top: p(12);
            margin-left: p(65);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(2);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
    .buying_pic{
            margin: 0 auto;
            margin-top: p(16);
            padding: 0 p(79);
        .buying_pic_01{
            width: p(240);
            height: p(96);
            float: left;
            img{
                height: 100%;
            }
        }
        .buying_pic_02{
            width: p(240);
            height: p(96);
            float: right;
            img{
                height: 100%;
            }
        }
        .buying_pic_03{
            width: p(240);
            height: p(96);
            float: left;
            margin-top: p(30);
            img{
                height: 100%;
            }
        }
        .buying_pic_04{
            width: p(240);
            height: p(96);
            float: right;
            margin-top: p(29);
            img{
                height: 100%;
            }
        }
    }
    .like{
        margin: 0 auto;
        margin-top: p(34);
        padding: 0 p(21);
        overflow: hidden;
        .logo{
            float: left;
            width: p(56);
            height: p(54);
            img{
                width: 100%;
            }
            
        }
        h1{
            font-size: p(29);
            line-height: p(29);
            margin-top: p(12);
            margin-left: p(65);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(2);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
    .like_1{
//      width: p(640);
        margin: 0 auto;
        margin-top: p(34);
        padding-right: p(14);
        padding-left: p(21);
        .like_img_1{
//          margin-left: p(21);
            width: p(210);
            height: p(164);
            float: left;
            img{
                width: 100%;
            }
        }
        
        .like_text_1{
//          width: p(240);
            height: p(120);
            margin-top: p(29);
            margin-left: p(21);
            float: left;
            h1{
                font-size: p(30);
                font-weight: normal;
                line-height: p(30);
                color: #000;
            }
            span{
                font-size: p(22);
                color: #494949;
            }
            h2{
                font-size: p(32);
                font-weight: normal;
                color: #ff9344;
            }
        }
        .like_text_2{
            float: right;
            margin-top: p(37);
            p{
                font-size: p(22);
                text-align: right;
                color: #000;
            }
        }
    }
    }
    //脚部
    footer{
        padding-bottom: p(14);
        background: #fff;
        position: fixed;
        width: 100%;
        right: 0;
        bottom: 0;
    .footer_nav{
        height: 100%;
        width: 100%;
        margin-top: p(14);
        .home{
            width: 9%;
            float: left;
            margin: 0 8%;
        img{
           width: 100%; 
        }
        p{
            font-size: p(26);
            text-align: center;
            color: #000;
        }
        }
    }
    }
}
